@charset "utf-8";
@import "variable.less";

/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/**, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }*/
html {font-size: 100%;}
a{text-decoration: none;color: #333;}
a:hover{text-decoration:none;}

body {overflow-x:hidden;color: #333;
  padding: 0; margin: 0;
  font-family: "微软雅黑", Verdana;
  font-size:@base-font-size;
  line-height:@base-line-height;
  background-color:#eff1f2;
}
a{color: #333; }
@media only screen and (max-width: 769px) {
  html {font-size: 100%;}
  body {overflow-x:hidden;color: #333;padding: 0; margin: 0;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;font-style:normal; cursor:default;
    font-size:@spbase-font-size;line-height:@base-line-height;
    display:block; background-color:#f4f4f4;
  }
  a{text-decoration: none;color: #333;}
  a:hover{text-decoration:none;}
}

a:hover {cursor: pointer;}/*
a:focus {outline: none;}*/
a:hover, a:focus {color: @emphasize-color;}
a img {border: none;}
img, embed {max-width: 100%;height: auto;}

img {-ms-interpolation-mode: bicubic;display: inline-block;vertical-align: middle;  text-decoration:none}

/*文字颜色*/
.p-color,.p-color:hover,.p-color a,.p-color a:hover{color:@primary-color;}
.s-color,.s-color:hover,.s-color a,.s-color a:hover{ color:@secondary-color}
	
/*默认全局样式 Default Link Styles */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {margin: 0;padding: 0;direction: ltr;}
p {font-family: inherit;font-weight: normal;line-height: 2em;text-rendering: optimizeLegibility;}
h1, h2, h3, h4, h5, h6 {/*font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/font-weight: bold;text-rendering: optimizeLegibility;font-size:100%;}

/* Lists */
ul, ol, dl {list-style-position: outside;font-family: inherit;}
ul, ol {margin-left: 0;}
ul, ol, li {list-style:none;}

/* Unordered Lists */
ul li ul, ul li ol {margin-left: 1.25rem;margin-bottom: 0;}

/* Label Styles */
label {cursor: pointer;display: block;font-weight: 500;}
[data-clearing] {*zoom: 1;margin-bottom: 0;margin-left: 0;list-style: none;}
[data-clearing]:before, [data-clearing]:after {content: " ";display: table;}
[data-clearing]:after {clear: both;}
[data-clearing] li {float: left;margin-right: 10px;}
.clearing-blackout {background: #111111;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 998;}
.clearing-blackout .clearing-close {display: block;}
.clearing-container {position: relative;z-index: 998;height: 100%;overflow: hidden;margin: 0;}
/* Keystroke Characters */

/* Input groups will automatically style first and last elements of the group */
button, .button {cursor: pointer;font-family: inherit;position: relative;text-decoration: none;display: inline-block;text-align:center;color:@primary-color;}
button, .button {-webkit-appearance: none;}
button, .button {text-align:center;  background-color:lighten(@primary-color, 50%);	padding:0 5px;}
@media only screen and (min-width: 768px) {
	button, .button {display: inline-block;}
}
/*按钮*/
.button{
  line-height: 32px;
  transition-duration: .2s;
  &.primary{
    background-color: @primary-color;
    color: #fff;
    &:hover{
      background-color: darken(@primary-color, 5%);;
    }
  }
  &.secondary{
    background-color: #e9e9e9;
    color: #333;
    &:hover{
      background-color: darken(#e9e9e9, 5%);;
    }
  }
  &.small{
    padding: 0 13px;
  }
  &.medium{
    padding: 0 30px;
  }
  &.radius{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  &.large{
    width: 100%;
    padding: 0;
    font-size: 16px;
    line-height: 40px;
  }
}

input[type="text"],input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"]/*, textarea */{ padding-left:@modcon-inner-padding; border:@form-input-border-color @form-input-border-width @form-input-border-style; display:inline-block;}
input[type="file"] {width: 100%; font-size:@base-font-size;}

.subheader {line-height: 1.4;color: #6f6f6f;font-weight: 300;margin-top: 0.2em;margin-bottom: 0.5em; }

/*--------标签----------*/
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc;
}

span.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc;
}

label {
  &.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333333;
    border-color: #cccccc;
  }
  font-size: 1rem;
  color: #333;
  display: block;
  line-height: 2.3125rem;
  font-weight: normal;
  cursor: pointer;
  /* Styles for required inputs */
  &.right {
    float: none !important;
    text-align: right;
    padding-right: 10px;
  }
  &.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0;
  }
  small {
    text-transform: capitalize;
    color: #676767;
  }
  input, select, textarea {
    margin-bottom: 0;
    background-position: right center;
  }
}

/* label标签.色调：主色调,black,hollow,secondary,alert,success,info,warning;风格:圆角radius;圆形round */

.label {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: auto;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 12px;
  background-color: #2498ff;
  color: #fff;
  &.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  &.round {
    border-radius: 1000px;
  }
  &.hollow {
    background-color: #fff;
    border-color: #e9e9e9;
    color: #fff;
  }
  &.black {
    background-color: #333;
    color: #fff;
  }
  &.alert {
    background-color: #ff4200;
    color: #fff;
  }
  &.warning {
    background-color: #ff9900;
    color: #fff;
  }
  &.success {
    background-color: #28b779;
    color: #fff;
  }
  &.secondary {
    background-color: #e9e9e9;
    color: #333333;
  }
  &.info {
    background-color: #6999ee;
    color: #333333;
  }
}
@media screen and (max-width: 767px) {
  label.right {
    text-align:left;
  }
}

/*分页样式*/
.pages { padding:30px 0; width:100%; overflow:hidden; font-size:16px;}
.pages ul { float:left; position:relative; left:50%;}
.pages li { float:left; font-family: "verdana", arial; padding:0 7px; margin-top: 5px;color:#999; position:relative; right:50%;}
.pages li span.curpage { color:@primary-color;}
.pages li span.currecords { color:@primary-color;}
.pages li a { color:#999; padding:0 8px;  display:block; line-height:32px; text-align:center; border:1px solid #d1d1d1; background:#fff; float:left;}
.pages li.on { border:1px solid @primary-color; background:@primary-color; color:#fff;line-height:26px; text-align:center; margin:5px 3px 0; padding:0 8px; }
.pages li.dots { font-family:Tahoma; font-size:14px;}
.pages li a:hover { background:@primary-color; color:#fff; text-decoration:none; border:1px solid @primary-color;}

.pages .skip { display:none; padding:0px 5px; line-height:normal;}
.pages li .skip_box { display: inline-block; border:1px solid #999; width:30px; height:20px; padding:0; margin:2px 4px; line-height:22px; border-radius:2px;}
.pages li .skip_btn { font-family:Verdana; background:#fff; text-align:center; border:1px solid #d1d1d1; border-radius:2px; height:24px; line-height:24px; width:50px; padding:0; margin:0; font-size:0.75rem;}
.pages li .skip_btn:hover { background:@primary-color; color:#fff; border-color:@primary-color;}

@media only screen and (min-width: 769px) {
.pages li a { padding:0 10px;line-height:32px;
  &.firstpage,&.endpage{
    padding: 0 18px;
  }
}
.pages li.on { line-height:32px; text-align:center; margin:5px 3px 0; padding:0 10px; }
.pages li .skip_box { height:22px; line-height:22px; border-radius:3px;}
.pages li .skip_btn { height:24px; width:40px; padding:0; margin:0;}
}
@media only screen and (max-width: 640px) {
.pages li {
  padding:0 2px;
  display: none;
  &.on{
    display: inline-block;
  }
}
  .pages li:nth-of-type(2), .pages li:nth-child(10) {
    display: inline-block;
  }
  .pages li a { padding:0 6px;line-height:26px;}
.firstpage, .endpage, .skip{ display:none !important;}

}
@media only screen and (max-width: 359px) {
.pages li a { padding:0 6px;line-height:24px;}
.pages li.on { line-height:24px; text-align:center; margin:5px 3px 0; padding:0 6px; }
}



/*查看更多按钮*/
.btn_more {	clear:both;	overflow:hidden; margin-top:@modcon-inner-padding; padding:10px; text-align:center; font-family:"微软雅黑";}
.btn_more a { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;	display:block; text-align:center; margin: 0 auto; border:1px solid #dedede; height:2.25em; line-height:2.25em; background-color:#f8f8f8; font-size:16px;}
.btn_more a:hover{ 	background-color:#eee;	
	background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
	background: -moz-linear-gradient(#f8f8f8,#fff);
	background: -o-linear-gradient(#f8f8f8,#fff);
	background: linear-gradient(#f8f8f8,#fff);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f8f8f8, endColorStr=#fff);
}
@media only screen and (min-width: 768px) {
.btn_more a { max-width:500px;}
}

/**********************清除浮动*********************/
.clearfix:after {content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix {zoom:1;}
.clear {clear:both;}
/**********************列表块长度自动截取*********************/
/*.auto_list { overflow:hidden;}*/
.auto_list .title { display:block;}
.auto_list .title a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.auto_list .time{float:right;}
.auto_list .ding{ float:left;}
.auto_list .sort{ float:left;}
/**ie7*/
.auto_list .title { _float:left; }
/**IE6*/
*html .auto_list .title { float:inherit; }
*html .auto_list .title a{ width:100%; }
*html .auto_list_time .title a{ width:75%;float:left; }

@-moz-document domain() {
	.auto_list { overflow:hidden;}
	.auto_list .title a {  display:block; text-overflow:clip; position:relative; white-space:normal; padding-right:1.2em; display:block; max-height:3em; word-wrap:break-word; width:100%; -moz-box-sizing:border-box; text-align:justify; }
	.auto_list .title a:after { position:absolute; right:0; bottom:1.5em;}
}
@media only screen and (min-width: 768px) { 
.top-bar-section li a:not(.button),.top-bar-section .dropdown li a ,.top-bar-section ul li.hover > a {padding: 0 13px;}
}

.offscreen{position: absolute; top: -30em; left: -300em; }


header,footer,nav,article,aside,section,figure,figcaption{display:block;}
header[role="banner"]{/* Styles for banner */}
header{/* Styles for other headers */}
#maincontent[role="main"]{ /* Styles for main content */}
nav[role="navigation"]{/* Styles for navigation */}
section[role="group"]{/* Styles for section */}
article[role="article"]{/* Styles for article */}
aside[role="complementary"]{/* Styles for info blocks */}
footer[role="contentinfo"]{/* Styles */}

/*页面切换加载效果*/ 
.layout {display:block;} 
.progressBar_bg{width:100%; height:100%; position:absolute; background:#fff; z-index:2000}
.progressBar { width:200px; text-align:center; display: block; top: 50%; left: 50%; position: absolute; z-index: 2005; margin-left:-86px; margin-top:-40px; }

/*---更多---*/
.more_data{
  text-align: center;
  width: 100%;
  height: 32px;
  line-height: 32px;
  a{
    font-size: 14px;
    width: 100%;
    transition-duration: .3s;
    display: block;
    background-color: #eff1f2;
    &:hover{
      background-color: #e8e8e8;
      color: #333;
    }
    &:active{
      background-color: #e8e8e8;
      color: #333;
    }
  }
}

/*小字体*/
.s_text{
  font-size: 12px;
  font-family: "宋体";
  color: #999;
}
